約 4,167,696 件
https://w.atwiki.jp/goemode/pages/18.html
javascriptサンプル Google Web Toolkit Yahoo! UI Library prototype.js jQuery Dojo・・・グラフィック機能があるらしい Spry javascriptサンプル http //developer.yahoo.com/yui/ Google Web Toolkit http //code.google.com/intl/ja/webtoolkit/ Yahoo! UI Library http //developer.yahoo.com/yui/ prototype.js http //www.openspc2.org/JavaScript/Ajax/ref/prototype.js/ver1.4/index.html jQuery http //www.openspc2.org/JavaScript/Ajax/ref/jQuery/ver1.0.3/index.html Dojo・・・グラフィック機能があるらしい http //ymdmstk.cocolog-nifty.com/blog/2007/04/ajax_a787.html Spry http //www.openspc2.org/reibun/Adobe_Spry/pr1.6/index.html
https://w.atwiki.jp/a_kurosawa/pages/19.html
◆javascript ◆javascript script type="text/javascript" src="aaaaa.js" /script script type="text/javascript" src="aaaaa.js" /script type="text/javascript"の部分がタイプミスとかしてると、 ちゃんと参照できないよ。(当たり前)
https://w.atwiki.jp/aru_notebook/pages/16.html
JavaScript例文辞典 http //www.openspc2.org/reibun/javascript/
https://w.atwiki.jp/shells/pages/39.html
JavaScript 読み方 : ジャバスクリプト 別名 : JS Sun Microsystems社とNetscape Communications社が開発した、Webブラウザなどでの利用に適したスクリプト言語 ( 簡易プログラミング言語 )。 Sun社のJava言語に似た記法を用いることが名称の由来だが、直接の互換性は無い。 従来は印刷物のような静的な表現しかできなかったWebページに、動きや対話性を付加することを目的に開発され、主要なWebブラウザのほとんどに搭載されている。 ブラウザ以外のソフトウェアにも簡易な制御プログラムの記述用言語として移植されており、 Microsoft社のWindowsやWebサーバソフト「IIS」、Macromedia社の「Flash」などに、JavaScriptあるいは類似の言語の処理系が内蔵されている。 各社の実装に微妙な違いがあり、ブラウザによって使えない機能があったり同じプログラムでも挙動が異なったりする問題があったため、 ヨーロッパの標準化団体ECMAがソフトウェアメーカーに呼びかけて、通称「ECMAScript」と呼ばれる標準を発行した。 現在では、ECMAScript準拠の処理系をJavaScriptと呼び、 独自の拡張を施したJavaScriptには独自の名称を付ける(Microsoft社は「JScript」、Macromedia社は「ActionScript」)習慣が定着しつつある。 IT用語辞典 戻る
https://w.atwiki.jp/ozuka/pages/18.html
html内でJavaScriptを使う場合、htmlのヘッダーに meta http-equiv="Content-Script-Type" content="text/javascript" と記述するのが作法 htmlのなかに埋め込む場合 script type="text/javascript" ここに記述 /script 外部のJavaScriptをhtmlに取り込む場合 script type="text/javascript" src=hoge.js" /script コメント 単一行 // 複数行 /* 〜 */ 文の終わりは";" ただし、";"がなくても1行として成立する場合は、勝手につくらしい。 変数の宣言 var 変数名; 数値、文字、オブジェクト等、全てvarでよい。 初期値を同時に定義するなら var 変数名 = 100; 変数の型は、その中身による。 数値に文字列を結合すると文字になる。 var a = 1; // aは数値の1 a = a + 1; // aは数値の2 a = a + 1 ; // aは文字列の 21 ちなみに、文字列は「+」で結合できる。 比較演算子 == 値が等しいかどうか評価 === 値と型が等しいかどうか評価 != 値が等しくないかどうか評価 !== 値と型が等しくないかどうか評価 他は普通( = = ) はない。 論理演算子 ! 否定 論理積 || 論理和 in演算子 オブジェクトまたは配列内に、指定したプロパティが存在するかどうか typeof演算子 var a = 0; typeof(a); //この場合、この結果はnumber 条件分岐 if (A == B) { 〜 } else if (A == C) { 〜 } else { 〜 } ちなみに、 x = a b ? a b ; は if ( a b ){ x = a; } else { x = b; } と同じ 繰り返し for ( var i = 0 ; i 100 ; i += 3){ document.write(i); } for (;;){ } で無限ループ var youbi = [ 月 , 火 , 水 , 木 , 金 , 土 , 日 ]; for (var wk in youbi){ document.write(youbi[wk] + " br "); } で"月"〜"日"まで出力。 ただし、JavaScriptのこの文は取り出す順番がよくわからない。 ループ前に判定(場合によってはwhile内を通らない) while (i 10){ 〜 i++; } ループ後に判定(まず、while内を1度実行してからwhile判定 do { 〜 i++; }while (i 10); 多分岐 switch (a) { case 1 〜 break; case 2 〜 break; default 〜 } breakがないと、処理が次のラベルにも入ってしまう。
https://w.atwiki.jp/k4241271wiki/pages/14.html
基本 まず、Javaとjavascriptは別物。 ページを表示する script 要素は基本的に /body の直前。 body 配下で直接呼び出すための関数を定義する場合は head 要素の配下に記述 jacascriptでは大文字小文字が厳密に区別される 配列の添字はrubyと同じく0から始まる。 rubyと同じオブジェクト指向 用語 オブジェクト データを保持するもの インスタンス インスタンス化によってできあがったオブジェクトの複製 init UNIXの起動時に/etc/inittabファイル(設定ファイル)を読み込み、そこに記述されているコマンドやデーモンを実行するプロセスのこと。 構文 コメントアウト / /コメント script 要素 script type="text/javascript" javascriptのコード /script アンカータグ(href属性)に埋め込む(p39) a href="Javascript スクリプトコード" リンクテキスト /a 変数 変数の宣言(varとletjujn) var 変数名 [= 初期値] let 変数名 [= 初期値] varとletの違い letは同盟の変数を許可しない。 ブロックスコープを認識する →letは最近導入された変数名。letの方が細かく指定でき良さげだけど互換性に不安が残る。 定数 const 定数名 = 値 制御構文(ifとswitch) 2つから片方を選択する→if 複数から1つを選択するswitch (caseとか使うやつ) オブジェクトやインスタンス インスタンス化(new 演算子) var 変数名 = new オブジェクト名([引数,...]) プロパティ/メソッド呼び出し 変数名.プロパティ名[= 設定値]; 変数名.メソッド名([引数[,...]]);3 記述 EventTarget.addEventListener https //developer.mozilla.org/ja/docs/Web/API/EventTarget/addEventListener
https://w.atwiki.jp/fujiyan/pages/45.html
参考サイト JavaScript - MDN 檜山正幸のキマイラ飼育記 - プログラマのためのJavaScript 時代はJavaScript Functionオブジェクトあれこれ JavaScriptでクラスもどき
https://w.atwiki.jp/telestea/pages/108.html
JavaScript(ジャヴァスクリプト)とは、オブジェクト指向のスクリプト言語である。主にウェブブラウザ(ブラウザ)にクライアントサイド実装され、動的なウェブサイト構築や、リッチインターネットアプリケーション(RIA)など高度なユーザインタフェース(エクステンション)の開発に用いられる。 拡張子.js パラダイムマルチパラダイム 登場時期1995年 設計者ブレンダン・アイク 開発者ネットスケープコミュニケーションズ、Mozilla Foundation 最新リリース1.8 / 2008年 評価版リリース1.9.3 / 2010年 型付けダック・タイピング 主な処理系JavaScriptCore、KJS、Nitro、Rhino、SpiderMonkey、V8ほか 方言JScript 影響を受けた言語C言語、Java、Perl、Python、Scheme、Self 影響を与えた言語Dart、Objective-J プラットフォームクロスプラットフォーム JavaScript - ウィキブックス
https://w.atwiki.jp/cz8686/pages/13.html
[JavaScript] 数値チェック function CheckNum(value) { var str = value; if ( isNaN(str) == true ){ return false; } return true; } ▼使用例 ※数値でない場合(falseを返す場合)、フラグを立てる。 if ( CheckNum(form_value) == false) { numFlg = 1; } [JavaScript] DHTMLによる表示・非表示 script language="JavaScript" !-- function show(id) { if (document.all) { document.all.item(id).style.visibility = "visible"; } else if (document.layers) { document.layers[id].visibility = "show"; } else if (document.getElementById) { document.getElementById(id).style.visibility = "visible"; } } function hide(id) { if (document.all) { document.all.item(id).style.visibility = "hidden"; } else if (document.layers) { document.layers[id].visibility = "hide"; } else if (document.getElementById) { document.getElementById(id).style.visibility = "hidden"; } } // -- /script a href="wwwssi.htm" onmouseover="show( id1 )" onmouseout="hide( id1 )" SSI入門 /a span id=id1 style="visibility hidden" ilayer name=id1 visibility="hide" - 「とほほのSSI入門」にジャンプします。 /ilayer /span br a href="wwwcgi.htm" onmouseover="show( id2 )" onmouseout="hide( id2 )" CGI入門 /a span id=id2 style="visibility hidden" ilayer name=id2 visibility="hide" - 「とほほのCGI入門」にジャンプします。 /ilayer /span [JavaScript] DHTMLサンプル HTML HEAD Script Language="JavaScript" Type="text/javascript" !-- function test1(){ // 色の変更 document.all("T1").style.color="red"; // フォーム背景色の変更 document.all("T2").style.backgroundColor="red"; // inntertext の変更 document.all("T3").innerText = "kakikukuko"; // innerHTML の変更 document.all("T4").innerHTML = " TEXTAREA fadsfdaf br dfafdaf /TEXTAREA " } // -- /Script /HEAD BODY FORM NAME="f1" INPUT TYPE="TEXT" NAME="TEST1" VALUE="AAAAA" ID="T1" INPUT TYPE="TEXT" NAME="TEST2" VALUE="あいうえお" ID="T2" BR DIV ID="T3" かきくけこ /DIV BR DIV ID="T4" abcdefg /DIV INPUT TYPE="BUTTON" VALUE="テスト" onClick="javascript test1();" /FORM /BODY /HTML [JavaScript] ブラウザの戻るボタンを無効にする (戻りたくない画面に) SCRIPT history.forward(); /SCRIPT を記述しておく [JavaScript] 右クリック禁止1 Script Language="JavaScript" Type="text/javascript" !-- function notes(eve){ if(document.all){ /*IEの場合*/ if(event.button == 2){ alert("右クリック禁止!"); return false; } } if(document.layers){ /*Netscape4.Xの場合*/ if(eve.which == 3){ alert("右クリック禁止!!"); return false; } } } if(document.layers)document.captureEvents(Event.MOUSEDOWN); document.onmousedown=notes; // -- /Script [JavaScript] 右クリック禁止2 BODY oncontextmenu="alert( 右クリックは禁止です。 );return false;" BGCOLOR="#C0C0C0" TEXT="#000000" ALINK="RED" VLINK="BLUE" [JavaScript] 新規Windowオープン(GET引数) function new_window_open2 (a,b,c,d,e,f){ if (f==""){f="no";} var w = window; if ((w == window) || win_00.closed) { w = open("",b,"width="+c+",height="+d+",toolbar=no,menubar="+f+",location=no,scrollbars="+e+",status=yes,resizable=yes"); w.document.write(" marquee "); w.document.write(" span style= font bold;color #ff0000;font-size 10pt; "); w.document.write("ただいま処理しております。 br しばらくお待ちください。"); w.document.write(" /span "); w.document.write(" /marquee "); w.location.replace(a); } else { w.location.replace(a); } w.focus(); return(w); } ▼使用例 Script Language="JavaScript" Type="text/javascript" !-- function PAGE_TEST1(){ var w_url="PAGE_TEST1I"+ "?W_FORM_NAME1=form1.W_KYU_KUNITOSHI_CD"+ " W_FORM_NAME2=form1.W_KYU_KUNI_MEI"+ " W_FORM_NAME3=form1.W_KYU_TOSHI_MEI"+ ""; } // -- /Script [JavaScript] 全角文字チェック function CheckZenkaku(str){ str2 = str.replace(/[ ]/g,""); for (var i = 0; i str2.length; i++) { var c = str2.charCodeAt(i); // Shift_JIS 0x0 ~ 0x80, 0xa0 , 0xa1 ~ 0xdf , 0xfd ~ 0xff // Unicode 0x0 ~ 0x80, 0xf8f0, 0xff61 ~ 0xff9f, 0xf8f1 ~ 0xf8f3 if ( (c = 0x0 c 0x81) || (c == 0xf8f0) || (c = 0xff61 c 0xffa0) || (c = 0xf8f1 c 0xf8f4)) { return false; } } return true; } ▼使用例 if (CheckZenkaku(form_value) == false) { message = message + "氏名に全角以外の文字が含まれています\nすべて全角文字で入力してください"; alert(message); return false; } [JavaScript] 送信ボタン連打防止 ●ボタン連打を防ぐ ///////////////////////////////////////////////////////// ■使用方法 :以下の文をカットアンドペーストして使う ■説明 :サブミット時のボタン連打を防ぐ ///////////////////////////////////////////////////////// SCRIPT LANGUAGE="JavaScript" !-- sent = false; function send_check(){ if(sent){ return false; }else{ sent = true; return true; } } // -- /SCRIPT ●別例 二重投稿禁止 form onsubmit="for (i=0;i this.length;i++) {if (this[i].type == submit ) this[i].disabled = true}" フォームのボタンは、たまにですが過敏に反応しすぎて二度押したように判断する時があります。 例えば掲示板なら、同じ記事を即時に二回送信してしまうわけです。 このパターンの二重投稿はJavaScriptで回避できるのでした。 [JavaScript] 日付(YYYYMMDD)妥当性チェック関数 ※ myGetYearとセットで使用 function CheckDate(value) { var flg; var year; var month; var date; flg = value.match(/(\d{8})/); if ( !flg ) { return false; }else{ year = value.substring(0,4); month = value.substring(4,6); date = value.substring(6,8); newdate = new Date(year,month-1,date) if ( myGetYear(newdate) != year || (newdate.getDate() != date) || (month != newdate.getMonth()+1)) { return false; } return true; } } function myGetYear(dobj) { var year ; year = dobj.getYear() ; if (year 1900) { year += 1900; } return year; } [JavaScript] 履歴を残さずに画面遷移 HTML HEAD TITLE /TITLE SCRIPT language="JavaScript" !-- function pageReplace(){ window.location.replace("history9.htm"); } // -- /SCRIPT /HEAD BODY CENTER A href="javascript pageReplace()" 指定したページへ移動 /A BR BR FORM INPUT type="button" value="指定したページへ移動" onClick="pageReplace()" /FORM /CENTER /BODY /HTML [javascript] WindowOpen用の共通関数 function new_window_open2 (a,b,c,d,e,f){ if (f==""){f="no";} var w = window; if ((w == window) || win_00.closed) { w = open("",b,"width="+c+",height="+d+",toolbar=no,menubar="+f+",location=no,scrollbars="+e+",status=yes,resizable=yes"); w.document.write(" marquee "); w.document.write(" span style= font bold;color #ff0000;font-size 10pt; "); w.document.write("ただいま処理しております。 br しばらくお待ちください。"); w.document.write(" /span "); w.document.write(" /marquee "); // w.location.href=a; w.location.replace(a); } else { // w.location.href=a; w.location.replace(a); } w.focus(); return(w); }
https://w.atwiki.jp/verklart/pages/64.html
トップページ 情報と考察 JavaScript プラグイン機能を使用することで、ページ内にさまざまな機能のマクロを組み込むことが可能です。 ここではJavaScriptの組み込みを説明します。 以下の手順でJavaScriptを組み込みます。 1.編集画面のプラグインを押します。 imageプラグインエラー ご指定のファイルが見つかりません。ファイル名を確認して、再度指定してください。 (貼り付け1.jpg) 2.編集サポートを押します。 imageプラグインエラー ご指定のファイルが見つかりません。ファイル名を確認して、再度指定してください。 (貼り付け9.jpg) 3.javascriptを入力(javascript)を押します。 imageプラグインエラー ご指定のファイルが見つかりません。ファイル名を確認して、再度指定してください。 (貼り付け10.jpg) 4.スクリプトに、JavaScriptを入力します。 imageプラグインエラー ご指定のファイルが見つかりません。ファイル名を確認して、再度指定してください。 (貼り付け11.jpg) 5.入力ボタンを押します。 imageプラグインエラー ご指定のファイルが見つかりません。ファイル名を確認して、再度指定してください。 (貼り付け12.jpg)